
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>岗位购买</title>
<script type="text/javascript" src="js/jquery-1.11.3.min.js" /></script>
<script type="text/javascript">
        $(document).ready(function(){
            $(".daohang4tan").hide();
            $(".daohang5tan").hide();

            $(".daohang4,.daohang4tan").hover(function(){
                $(".daohang4").css({"background":"white","border":"1px solid #EEEEEE"});
                $(".daohang4tan").show();
            },function(){
                $(".daohang4").css({"background":"#C1CDC1","border":"0px"});
                $(".daohang4tan").hide();
            });

            $(".daohang5,.daohang5tan").hover(function(){
                $(".daohang5").css({"background":"white","border":"1px solid #EEEEEE"});
                $(".daohang5tan").show();
            },function(){
                $(".daohang5").css({"background":"#C1CDC1","border":"0px"});
                $(".daohang5tan").hide();
            });
            $(".zhiwei").click(function(){
                $(".zhiwei").css({"background":"#FF5500","color":"white"});
                $(".rencai").css({"background":"white","color":"black"});
            });

            $(".rencai").click(function(){
                $(".rencai").css({"background":"#FF5500","color":"white"});
                $(".zhiwei").css({"background":"white","color":"black"});
            });
            $(".n1tan").show();
            $(".n2tan").hide();
            $(".n3tan").hide();

            $("#n1").click(function(){
                $(".n2tan").hide();
                $(".n3tan").hide();
                $(".n1tan").show();
            });
            $("#n2").click(function(){
                $(".n1tan").hide();
                $(".n3tan").hide();
                $(".n2tan").show();
            });
            $("#n3").click(function(){
                $(".n2tan").hide();
                $(".n1tan").hide();
                $(".n3tan").show();
            });
        });
    </script>
    <style type="text/css">
        body{
            font-family:微软雅黑;
            margin:0px;
            padding:0px;
            background-color:#FFF8DC;

        }
        .hui{
     background:#C1CDC1;
    width:100%;
    height:40px;
    position:relative;
    margin:0px;
    border:1px solid #EEEEEE;

        }
        .daohang{
            width:420px;
            height:40px;
            position:absolute;
            right:162px;
        }
        .daohang div a{
            font-size:14px;
            margin-left:20px;
            margin-top:10px;
            text-decoration:none;
            display:block;
            color:black;
        }
        .daohang div a:hover{
            font-size:14px;
            margin-left:20px;
            margin-top:10px;
            text-decoration:none;
            display:block;
            color:#F22E00;
        }
        .daohang1{
            width:70px;
            height:40px;
            position:absolute;
        }
        .daohang2{
            width:70px;
            height:40px;
            position:absolute;
            margin-left:70px;
        }
        .daohang3{
            width:70px;
            height:40px;
            position:absolute;
            margin-left:140px;
        }
        .daohang4{
            width:110px;
            height:40px;
            position:absolute;
            margin-left:210px;
            border:0px;
        }
        .daohang5{
            width:100px;
            height:40px;
            position:absolute;
            margin-left:320px;
        }
        .daohang4tan{
            width:110px;
            height:100px;
            border:1px solid #EEEEEE;
            margin-left:210px;
            margin-top:40px;
            position:absolute;
            background:white;
            z-index:9;
        }
        .daohang5tan{
            width:100px;
            height:100px;
            border:1px solid #EEEEEE;
            margin-left:320px;
            margin-top:40px;
            position:absolute;
            background:white;
            z-index:9;
        }
        .sousuo{
            border:0px solid red;
            width:700px;
            height:60px;
            position:absolute;
            left:400px;
            top:5px;
        }
        .zhiwei{
            background:#FF5500;
            width:50px;
            height:20px;
            color:white;
            font-size:14px;
            position:absolute;
            cursor:pointer;
        }
        .rencai{
            background:white;
            width:50px;
            height:20px;
            color:black ;
            font-size:14px;
            margin-left:50px;
            position:absolute;
            cursor:pointer;
        }
ul{
    margin-top:-40px;
    padding: 0;
}
li{
    list-style: none;
}
.nav{
    height: 38px;

}
.nav li{
    width:80px;
    float:left;
    text-align: center;
    line-height: 38px;
    border: 1px solid black;
    border-radius:5px;

}
.nav li:hover{
    background: #FF5500;
    color: #ffffff;
}
  .xiabu3 ul{
            margin-left:200px;
            margin-top:40px;
        }
        .xiabu3 ul li{
            list-style-type:none;
            float:left;
            cursor:pointer;
        }
        .xiabu3 ul li div{
            width:28px;
            height:28px;
            border:1px solid grey;
            font-size:18px;
        }
        .xiabu3 ul li div:hover{
            width:28px;
            height:28px;
            border:1px solid grey;
            font-size:18px;
            color:black;
        }
        </style>
</head>
<body>
<!--灰色导航栏-->
<div class="hui">
    <div class="daohang">
        <div class="daohang1"><a href="index.html">首页</a></div>
        <div class="daohang2"><a href="denglu.html">登录</a></div>
        <div class="daohang3"><a href="zhuce.html">注册</a></div>
        <div class="daohang4"><a href="#">我的淘兼职</a></div>
        <div class="daohang5"><a href="#">关于我们</a></div>

        <div class="daohang4tan"><a href="gerenzhongxin.html">个人中心</a><a href="#">添加修改简历</a><a href="#">查看招聘信息</a></div>
        <div class="daohang5tan"><a href="#">网站简介</a><a href="#">组织结构</a><a href="#">发展历程</a></div>
    </div>
</div>
<div class="rongqi" style="border:0px solid red;width:1024px;top:60px;height:1100px;position:relative;margin:0 auto;cursor:default;">
    <!--头部-->
<div style="width:100%;height:100px;border:0px solid green;position:absolute;">
<img src="img/taologo2.jpg" style="width:160px;">
<div style="background:#DEDEDE;width:1px;height:58px;margin-left:170px;margin-top:-65px;"></div>
<p style="color:#666666;font-size:27px;margin-left:190px;margin-top:-48px;">职位购买</p>
</div><!--头部-->
    
    
    <div class="middle"style="border: 0px solid blue;width:1024px;height:1080px;top:80px;position:absolute;">
       <div style="margin-left: 50px;top:50px;position: absolute;">
           <img src="img/coffee.jpg" width="350px;"height="350px">
           <button style="position: absolute;top:350px;width: 100px;height: 40px;font-size: 18px;font-weight:bold;border:1px;background:#E5511D;"><a href="gongsixq.html" style="color:white;text-decoration:none;"><b>进入公司</b></a></button>
       </div>
       <div style="float:right;right: 200px;position: absolute;top:30px;">
           <p style="font-size: 22px;color:red" ><b>急招BARONET COFFEE咖啡制作师</b></p>
           <p style="top:80px;position: absolute">工资：30/小时</p>
           <p style="top:120px;position: absolute">招聘人数：10人</p>
           <p style="top:160px;position: absolute">工作地：杭州下沙</p>
           <p style="top:200px;position: absolute">工作时间：2016-03-20 18:00-20:00</p>
           <p style="top:240px;position: absolute">联系电话：15933443738</p>
           <button style="position: absolute;top:330px;width: 100px;height: 40px;font-size: 18px;background:#FFE4D0;border:1px solid #E5511D;"><a href="orderconfirm.html" style="color:#E5511D;text-decoration:none;"><b>立即购买</b></a></button>
           <button style="position: absolute;top:330px;width: 150px;height: 40px;font-size: 18px;right: 80px;background:#E5511D;border:0px;"><a href="gouwuok.html" style="color:white;text-decoration:none;">加入购物车</a></button>
       </div>


    <div class="xiabuyou"style="border: 1px solid #eaeaea;height: 700px;width: 210px;margin-left: 885px;position: absolute;top:30px;">
    <div style="border: 1px solid #eaeaea;height: 40px;width: 210px;background:#C1CDC1;font-size: 18px;"align="center">相关推荐</div>
    <div style="border: 1px solid #eaeaea;height: 80px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">月薪6000淘宝客服</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<spam style="color: red;">面议</spam></p>
    </div>
    <div style="border: 1px solid #eaeaea;height: 80px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">高薪诚聘英语教师</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<span style="color: red;">5000—8000</span>元/月</p>
    </div>
    <div style="border: 1px solid #eaeaea;height: 80px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">奥尔夫相关启蒙老师</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<spam style="color: red;">2000-3000</spam>元/月</p>
    </div>
    <div style="border: 1px solid #eaeaea;height: 80px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">专业的兼职平台招人员</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<spam style="color: red;">面议</spam></p>
    </div>
    <div style="border: 1px solid #eaeaea;height: 80px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">酒店直招男女服务员</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<spam style="color: red;">4000-6000</spam>元/月</p>
    </div>
    <div style="border: 1px solid #eaeaea;height: 80px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">课程销售月薪过万</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<spam style="color: red;">面议</spam></p>
    </div>
    <div style="border: 1px solid #eaeaea;height: 80px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">招聘超市收营员</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<spam style="color: red;">面议</spam></p>
    </div>
    <div style="border: 1px solid #eaeaea;height: 84px;">
        <p style="margin-top: 2px;margin-left:5px;color:blue;font-size: 15px;">幼儿教师</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">工作区域：杭州</p>
        <p style="margin-top: -5px;margin-left:5px;color:#000000;font-size: 13px;">薪资：<spam style="color: red;">2000-5000</spam>元/月</p>
    </div>
</div>

       
       <div style="border-top:3px solid black;top:550px;position: absolute;width: 800px;left: 50px;">
         <ul class="nav">
             <li id="n1"><b>详情</b></li>
             <li id="n2"><b>评价</b></li>
             <li id="n3"><b>联系客服</b></li>
         </ul>
         <div class="n1tan" style="border: 0px solid blue;width: 800px;left: 50px;height:450px;">
             <p style="font-size: 18px;"><b>岗位职责：</b></p>
             <p>1.重视调动学生学习积极性、主动性，重点突出，讲究实效、注重启发、培养兴趣；</p>
             <p>2.辅导时从易到难，把握梯度，学生的作业认真批改、讲评；</p>
             <p>3.具有良好的师德和强烈的工作责任心;</p>
             <p style="font-size: 18px;"><b>工作地点：</b></p>
             <p>浙江省杭州市下沙学林街</p>
             <p style="font-size: 18px;"><b>薪资待遇：</b></p>
             <p>每小时30元，提供晚餐</p>

         </div>
         <div class="n2tan" style="border: 0px solid red;width: 800px;left: 50px;height:450px;">
             <table width="800" height="300" border="2" frame="hsides"rules="rows">
                 <tr>
                     <td>评价</td>
                     <td>评价人</td>
                     <td>商品信息</td>
                     <td>操作</td>
                 </tr>
                 <tr>
                     <td><img src="img/xing3.jpg"></td>
                     <td>王敏</td>
                     <td>英语家教</td>
                     <td><button>回复</button></td>
                 </tr>
                 <tr>
                     <td><img src="img/xing5.jpg"></td>
                     <td>赵杰</td>
                     <td>英语家教</td>
                     <td><button>回复</button></td>
                 </tr>
                 <tr>
                     <td><img src="img/xing4.jpg"></td>
                     <td>匿名</td>
                     <td>英语家教</td>
                     <td><button>回复</button></td>
                 </tr>
             </table>
             <div class="xiabu3" style="border:0px solid blue;width:100%;height:70px;position:absolute;top:300px;cursor:default;">
                 <ul>
                     <li><div align="center" style="width:80px;height:28px;border:1px solid grey;font-size:18px;">上一页</div></li>
                     <li><div align="center">1</div></li>
                     <li><div align="center">2</div></li>
                     <li><div align="center">3</div></li>
                     <li><div align="center">4</div></li>
                     <li><div align="center">5</div></li>
                     <li><div align="center">6</div></li>
                     <li><div align="center">7</div></li>
                     <li><div align="center">8</div></li>
                     <li><div align="center">....</div></li>
                     <li><div align="center" style="width:80px;height:28px;border:1px solid grey;font-size:18px;">下一页</div></li>
                 </ul>
             </div>
         </div>
         <div class="n3tan" style="border: 0px solid yellow;width: 800px;left: 50px;height:450px;">
             <table width="800" height="300" border="2" frame="hsides"rules="rows">
                 <tr>
                     <td>客服代表</td>
                     <td>员工编号</td>
                     <td>手机号码</td>
                     <td> QQ </td>
                 </tr>
                 <tr>
                     <td>王海</td>
                     <td>001</td>
                     <td>13545332222</td>
                     <td>456677</td>
                 </tr>
                 <tr>
                     <td>李梅</td>
                     <td>002</td>
                     <td>1543345676</td>
                     <td>6766544</td>
                 </tr>
                 <tr>
                     <td>张杰</td>
                     <td>112</td>
                     <td>15899875566</td>
                     <td>145755677</td>
                 </tr>
             </table>
         </div>
       </div>
    </div>
</div>

<div class="dibu" style="width:100%;height:160px;border:1px solid white;position:absolute;top:1250px;">
        <div style="width:100%;height:12px;background:#FF5500"></div>
        <div style="width:100%;height:1px;border-top:1px dashed #FF5500;margin-top:3px;"></div> 
        <table style="width:80%;height:80%;text-align:center;margin-left:73px">
        <tr>
            <td rowspan=2><img src="img/taologo.jpg" style="width:170px;"></td>
            <td><a href="#">联系我们</a></td>
            <td><a href="#">加入我们</a></td>
            <td><a href="#">关注我们</a></td>
            <td rowspan=2><img src="img/erweima.jpg" style="width:110px;"></td>
        </tr>
        <tr>
            <td><a href="#">关于我们</a></td>
            <td><a href="#">友情链接</a></td>
            <td><a href="#">意见反馈</a></td>
        </tr>      
        </table>
        <p style="margin-left:550px;">www.taojianzhi.com</br>网络版权归淘兼职所有</p>
    </div>


</body>
</html>